<?php if (!defined('THINK_PATH')) exit(); /*a:3:{s:61:"D:\demo\public/../application/admin\view\dashboard\index.html";i:1538053295;s:55:"D:\demo\application\admin\view\common\dashBoard_js.html";i:1514789943;s:49:"D:\demo\application\admin\view\common\footer.html";i:1515220428;}*/ ?>
<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>INSPINIA | Dashboard v.4</title>

    <link href="/static/admin/cmsStyle/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/admin/cmsStyle/font-awesome/css/font-awesome.css" rel="stylesheet">
    <link href="/static/admin/cmsStyle/css/animate.css" rel="stylesheet">
    <link href="/static/admin/cmsStyle/css/style.css" rel="stylesheet">


    <!-- Toastr style -->
    <link href="/static/admin/cmsStyle/css/plugins/toastr/toastr.min.css" rel="stylesheet">

    <!-- Gritter -->
    <link href="/static/admin/cmsStyle/js/plugins/gritter/jquery.gritter.css" rel="stylesheet">

</head>

<body class="top-navigation">

<div id="wrapper">
    <div id="page-wrapper" class="gray-bg">
        <div class="row border-bottom white-bg">
        </div>
        <div style="padding-top: 10px;">

            <div class="row  border-bottom white-bg dashboard-header">
                    <div class="col-sm-12" id="money" style="height: 40rem"></div>
            </div>
    </div>
</div>
<!-- Mainly scripts -->
<script src="/static/admin/cmsStyle/js/jquery-2.1.1.js"></script>
<script src="/static/admin/cmsStyle/js/bootstrap.min.js"></script>
<script src="/static/admin/cmsStyle/js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="/static/admin/cmsStyle/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

<!-- Custom and plugin javascript -->
<script src="/static/admin/cmsStyle/js/inspinia.js"></script>
<script src="/static/admin/cmsStyle/js/plugins/pace/pace.min.js"></script>

<!-- Flot -->
<script src="/static/admin/cmsStyle/js/plugins/flot/jquery.flot.js"></script>
<script src="/static/admin/cmsStyle/js/plugins/flot/jquery.flot.tooltip.min.js"></script>
<script src="/static/admin/cmsStyle/js/plugins/flot/jquery.flot.resize.js"></script>

<!-- Flot -->
<script src="/static/admin/cmsStyle/js/plugins/flot/jquery.flot.js"></script>
<script src="/static/admin/cmsStyle/js/plugins/flot/jquery.flot.tooltip.min.js"></script>
<script src="/static/admin/cmsStyle/js/plugins/flot/jquery.flot.spline.js"></script>
<script src="/static/admin/cmsStyle/js/plugins/flot/jquery.flot.resize.js"></script>
<script src="/static/admin/cmsStyle/js/plugins/flot/jquery.flot.pie.js"></script>

<!-- ChartJS-->
<script src="/static/admin/cmsStyle/js/plugins/chartJs/Chart.min.js"></script>

<!-- Peity -->
<script src="/static/admin/cmsStyle/js/plugins/peity/jquery.peity.min.js"></script>
<!-- Peity demo -->
<script src="/static/admin/cmsStyle/js/demo/peity-demo.js"></script>
<!-- Flot -->
<!-- jQuery UI -->
<script src="/static/admin/cmsStyle/js/plugins/jquery-ui/jquery-ui.min.js"></script>

<!-- GITTER -->
<script src="/static/admin/cmsStyle/js/plugins/gritter/jquery.gritter.min.js"></script>

<!-- Sparkline -->
<script src="/static/admin/cmsStyle/js/plugins/sparkline/jquery.sparkline.min.js"></script>

<!-- Sparkline demo data  -->
<script src="/static/admin/cmsStyle/js/demo/sparkline-demo.js"></script>

<!-- Toastr -->
<script src="/static/admin/cmsStyle/js/plugins/toastr/toastr.min.js"></script>

<script>
    $(document).ready(function() {
//        setTimeout(function() {
//            toastr.options = {
//                closeButton: true,
//                progressBar: true,
//                showMethod: 'slideDown',
//                timeOut: 4000
//            };
//            toastr.success('Responsive Admin Theme', 'Welcome to INSPINIA');
//
//        }, 1300);


        var data1 = [
            [1,8],[2,5],[3,10],[4,4],[5,16],[6,5],[7,11],[8,6],[9,11],[10,30],[11,10],[12,13]
        ];
        var data2 = [
            [1,0],[2,2],[3,0],[4,1],[5,3],[6,1],[7,5],[8,2],[9,3],[10,2],[11,1],[12,0]
        ];
        $("#flot-dashboard-chart").length && $.plot($("#flot-dashboard-chart"), [
                data1, data2
            ],
            {
                series: {
                    lines: {
                        show: false,
                        fill: true
                    },
                    splines: {
                        show: true,
                        tension: 0.4,
                        lineWidth: 1,
                        fill: 0.4
                    },
                    points: {
                        radius: 0,
                        show: true
                    },
                    shadowSize: 2
                },
                grid: {
                    hoverable: true,
                    clickable: true,
                    tickColor: "#d5d5d5",
                    borderWidth: 1,
                    color: '#d5d5d5'
                },
                colors: ["#1ab394", "#1C84C6"],
                xaxis:{
                    ticks: 12,
                },
                yaxis: {
                },
                tooltip: true
            }
        );

        var doughnutData = [
            {
                value: 300,
                color: "#a3e1d4",
                highlight: "#1ab394",
                label: "App"
            },
            {
                value: 250,
                color: "#dedede",
                highlight: "#1ab394",
                label: "Software"
            },

        ];

        var doughnutOptions = {
            segmentShowStroke: true,
            segmentStrokeColor: "#fff",
            segmentStrokeWidth: 2,
            percentageInnerCutout: 45, // This is 0 for Pie charts
            animationSteps: 100,
            animationEasing: "easeOutBounce",
            animateRotate: true,
            animateScale: false
        };

        var ctx = document.getElementById("doughnutChart").getContext("2d");
        var DoughnutChart = new Chart(ctx).Doughnut(doughnutData, doughnutOptions);

        var polarData = [
            {
                value: 300,
                color: "#a3e1d4",
                highlight: "#1ab394",
                label: "App"
            },
            {
                value: 140,
                color: "#dedede",
                highlight: "#1ab394",
                label: "Software"
            },
            {
                value: 200,
                color: "#A4CEE8",
                highlight: "#1ab394",
                label: "Laptop"
            }
        ];

        var polarOptions = {
            scaleShowLabelBackdrop: true,
            scaleBackdropColor: "rgba(255,255,255,0.75)",
            scaleBeginAtZero: true,
            scaleBackdropPaddingY: 1,
            scaleBackdropPaddingX: 1,
            scaleShowLine: true,
            segmentShowStroke: true,
            segmentStrokeColor: "#fff",
            segmentStrokeWidth: 2,
            animationSteps: 100,
            animationEasing: "easeOutBounce",
            animateRotate: true,
            animateScale: false
        };
        var ctx = document.getElementById("polarChart").getContext("2d");
        var Polarchart = new Chart(ctx).PolarArea(polarData, polarOptions);

    });
</script>
<script src="/static/echart/echarts.js"></script>
<script src="/static/echart/vintage.js"></script>
<script src="/static/echart/macarons.js"></script>
 <script src="/static/admin/layui/layui.js"></script>
<script src="/static/common/js/jquery.min.js"></script>
<script>
//    图片放大显示
    $('.select_img').on('click',function () {
        var img_url=$(this).data('content');
        layer.open({
            type: 1,
            title: false,
            closeBtn: 0,
            area: ['50%','80%'],
            skin: 'layui-layer-nobg', //没有背景色
            shadeClose: true,
            content: '<img src="'+img_url+'" />',
        });
    })
    //文件上传
    layui.use('upload', function(){
        var $ = layui.jquery
            ,upload = layui.upload;
        //多文件列表示例
        var demoListView = $('#demoList')
            ,uploadListIns = upload.render({
            elem: '#testList'
            ,url: '<?php echo url("Upload/file_images"); ?>'
            ,accept: 'file'
            ,multiple: true
            ,auto: false
            ,bindAction: '#testListAction'
            ,choose: function(obj){
                var files = obj.pushFile(); //将每次选择的文件追加到文件队列
                //读取本地文件
                obj.preview(function(index, file, result){
                    var tr = $(['<tr id="upload-'+ index +'">'
                        ,'<td>'+ file.name +'</td>'
                        ,'<td>'+ (file.size/1014).toFixed(1) +'kb</td>'
                        ,'<td>等待上传</td>'
                        ,'<td>'
                        ,'<button class="layui-btn layui-btn-mini demo-reload layui-hide">重传</button>'
                        ,'<button class="layui-btn layui-btn-mini layui-btn-danger demo-delete">删除</button>'
                        ,'</td>'
                        ,'</tr>'].join(''));

                    //单个重传
                    tr.find('.demo-reload').on('click', function(){
                        obj.upload(index, file);
                    });

                    //删除
                    tr.find('.demo-delete').on('click', function(){
                        delete files[index]; //删除对应的文件
                        tr.remove();
                    });

                    demoListView.append(tr);
                });
            }
            ,done: function(res, index, upload){
                if(res.code == 200){ //上传成功
                    var tr = demoListView.find('tr#upload-'+ index)
                        ,tds = tr.children();
                    tds.eq(2).html('<span style="color: #5FB878;">上传成功</span><input type="hidden" name="images['+index+']" value="'+res.data.src+'">');
                    tds.eq(3).html(''); //清空操作
                    delete files[index]; //删除文件队列已经上传成功的文件
                    return;
                }
                this.error(index, upload);
            }
            ,error: function(index, upload){
                var tr = demoListView.find('tr#upload-'+ index)
                    ,tds = tr.children();
                tds.eq(2).html('<span style="color: #FF5722;">上传失败</span>');
                tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传
            }
        });

        //普通图片上传 单图片上传
        var uploadInst = upload.render({
            elem: '#image'
            ,url: '<?php echo url("Upload/file_images"); ?>'
            ,before: function(obj){
                //预读本地文件示例，不支持ie8
                obj.preview(function(index, file, result){
                    $('#show_image').attr('src', result); //图片链接（base64）
                });
            }
            ,done: function(res){
                //如果上传失败
                if(res.code == 400){
                    return layer.msg('上传失败');
                }
                $('.value_image').val(res.data.src);
                //上传成功
            }
            ,error: function(){
                //演示失败状态，并实现重传
                var demoText = $('#demoText');
                demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-mini demo-reload">重试</a>');
                demoText.find('.demo-reload').on('click', function(){
                    uploadInst.upload();
                });
            }
        });
    });
</script>
<script >
$(function () {
        var money = echarts.init(document.getElementById('money'));
        option1 = {
            backgroundColor: "#fff",
            color: ['#24a7f6', '#fc6175'],

            title: [{
                text: '',
                left: '1%',
                top: '3%',
                textStyle: {
                    color: '#111'
                }
            }],
            tooltip: {
                trigger: 'axis'
            },
            legend: {
                x: '45%',
                top: '2%',
                textStyle: {
                    color: '#f00',
                },
                data: ['2017年', '2018年']
            },
            grid: {
                left: '0',
                right: '2%',
                top: '12%',
                bottom: '6%',
                containLabel: true
            },
            toolbox: {
                "show": false,
                feature: {
                    saveAsImage: {}
                }
            },
            xAxis: {
                type: 'category',
                "axisLine": {
                    lineStyle: {
                        color: '#111'
                    }
                },
                "axisTick": {
                    "show": false
                },
                axisLabel: {
                    textStyle: {
                        color: '#111'
                    }
                },
                boundaryGap: false,
                data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月','8月','9月','10月','11月','12月']
            },
            yAxis: {
                "axisLine": {
                    lineStyle: {
                        color: '#111'
                    }
                },
                splitLine: {
                    show: true,
                    lineStyle: {
                        color: '#e5e5e5'
                    }
                },
                "axisTick": {
                    "show": false
                },
                axisLabel: {
                    textStyle: {
                        color: '#111'
                    }
                },
                type: 'value'
            },
            series: [{
                name: '2017年',
                smooth: true,
                type: 'line',
                symbolSize: 8,
                symbol: 'circle',
                data: [90, 50, 39, 50, 120, 82, 80,70, 50, 50, 87, 90]
            }, {
                name: '2018年',
                smooth: true,
                type: 'line',
                symbolSize: 8,
                symbol: 'circle',
                data: [70, 50, 50, 87, 90, 80, 70,90, 50, 39, 50, 120]
            },]
        }

        money.setOption(option1);
    })



</script>



</body>
</html>
